<template>
  <div class="content">
    <!-- 状态 -->
    <div class="audit">
      <i
        class="el-icon-success"
        v-if="status == 1"
        style="color: #67c23a; font-size: 60px"
      ></i>
      <i
        class="el-icon-time"
        v-if="status == 0"
        style="color: #e6a23c; font-size: 60px"
      ></i>
      <i
        class="el-icon-error"
        v-if="status == -1"
        style="color: #ff4949; font-size: 60px"
      ></i>
      <div style="margin-left: 10px">
        <div>
          {{ status == 0 ? auditText : status == 1 ? "审核通过" : "审核拒绝" }}
        </div>
        <div class="time" v-if="status != 0">
          审核时间:{{ auditEffectLog && auditEffectLog.auditTime }}
        </div>
      </div>
    </div>
    <!-- 原因 -->
    <div class="audit resone" v-if="status == -1">
      <div style="width: 100px">驳回原因：</div>
      <div>{{ auditEffectLog && auditEffectLog.reason }}</div>
    </div>
  </div>
</template>
<
<script>
export default {
  props: {
    status: 0,
    auditText: {
      type: String,
      default: "审核中",
    },
    auditEffectLog: {
      type: Object,
      default: () => {},
    },
  },
};
</script>
<style scoped>
.audit {
  display: flex;
  align-items: center;
}
.resone {
  margin-top: 15px;
  align-items: flex-start;
}
.time {
  margin-top: 5px;
  color: #5e6d82;
}
.content {
  border-bottom: 1px solid #eaeefb;
  padding: 20px;
}
</style>
